<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from wbpreview.com/previews/WB01BG165/news.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 22 Jan 2014 17:28:40 GMT -->
<head>
	<meta charset="utf-8">
    <title>Alveolae - Admin Dashboard</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">    
    
    <!-- CSS files -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="css/alveolae.css" rel="stylesheet">
    <link href="css/font-awesome/css/font-awesome.css" rel="stylesheet">
    
    <!-- Google font -->
    <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->	
</head>

<body>
	<!-- Navbar -->
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="index.html">Alveolae Dashboard</a>
				<div class="nav-collapse">
					<ul class="nav pull-right">
						<li class="divider-vertical"></li>
						<li><a href="messages.html"><i class="icon-comments-alt"></i>&nbsp;&nbsp;Messages&nbsp;&nbsp;<span class="label label-important">4 new</span></a></li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-bullhorn"></i>&nbsp;&nbsp;Latest activity&nbsp;&nbsp;<span class="label label-important">6</span></a>
							<ul class="dropdown-menu">
                            	<li><a href="#"><i class="icon-comment"></i>New comment<span class="time">24 mins ago</span></a></li>
                            	<li><a href="#"><i class="icon-envelope-alt"></i>New message<span class="time">50 mins ago</span></a></li>
								<li><a href="#"><i class="icon-user"></i>User registration<span class="time">17 hours ago</span></a></li>
								<li><a href="#"><i class="icon-lock"></i>User logged in<span class="time">1 day ago</span></a></li>
								<li><a href="#"><i class="icon-lock"></i>User signed in<span class="time">2 days ago</span></a></li>
								<li><a href="#"><i class="icon-trash"></i>User deleted account<span class="time">5 days ago</span></a></li>
                                <li><hr><a class="dropdown-menu-footer">
                                	<span class="footer"><i class="icon-eye-open"></i>&nbsp;&nbsp;View all activity</span></a>
                                </li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-cloud"></i>&nbsp;&nbsp;Admin<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="user-account.html"><i class="icon-file"></i>&nbsp;&nbsp;User information</a></li>
								<li><a href="password.html"><i class="icon-key"></i>&nbsp;&nbsp;Change Password</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li><a href="login.html"><i class="icon-lock"></i>&nbsp;&nbsp;Logout</a></li>
						<li class="divider-vertical"></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- /Navbar -->

	<!-- Main content -->
	<div id="main-content">
		<!-- Container -->
		<div class="container">
			<!-- Header boxes -->
			<div class="box-container">
				<div class="box-holder">
					<a href="index.html"><div class="box"><span><i class="icon-dashboard"></i></span>Home</div></a>
				</div>
				<div class="box-holder">						
					<a href="messages.html"><div class="box"><span><i class="icon-inbox"></i></span>Messages</div></a>
				</div>
				<div class="box-holder">						
					<a href="gallery.html"><div class="box"><span><i class="icon-camera-retro"></i></span>Gallery</div></a>
				</div>
				<div class="box-holder">						
					<a href="user-account.html"><div class="box"><span><i class="icon-globe"></i></span>User information</div></a>
				</div>
			</div>
			<!-- /Header boxes -->
			
			<div class="row">
				<!-- Sidebar -->
				<div class="span3">
					<ul id="sidebar" class="nav nav-tabs nav-stacked">
						<li><a href="index.html"><i class="icon-dashboard"></i>&nbsp;&nbsp;Main dashboard view</a></li>
						<li><a href="grid.html"><i class="icon-th-large"></i>&nbsp;&nbsp;Grid Layout</a></li>
						<li><a href="tables.html"><i class="icon-table"></i>&nbsp;&nbsp;Tables</a></li>
						<li><a href="messages.html"><i class="icon-comments-alt"></i>&nbsp;&nbsp;Messages<span class="label label-success pull-right">New!</span></a></li>
						<li class="active"><a href="news.html"><i class="icon-globe"></i>&nbsp;&nbsp;News<span class="label label-success pull-right">6</span></a></li>
						<li><a href="products.html"><i class="icon-truck"></i>&nbsp;&nbsp;Products<span class="label label-success pull-right">3</span></a></li>
						<li><a href="alerts.html"><i class="icon-bolt"></i>&nbsp;&nbsp;Alerts</a></li>
						<li><a href="gallery.html"><i class="icon-camera-retro"></i>&nbsp;&nbsp;Gallery</a></li>
						<li><a href="faqs.html"><i class="icon-legal"></i>&nbsp;&nbsp;FAQ</a></li>
						<li><a href="user-account.html"><i class="icon-user"></i>&nbsp;&nbsp;User information</a></li>
						<li class="accordion" id="navigation-components">
							<a href="#collapse-additional-info" class="accordion-toggle" data-toggle="collapse" data-parent="navigation-components">
								<i class="icon-list-ul"></i>&nbsp;&nbsp;More info
								<span class="label label-success pull-right">Click me!</span>
							</a>
							<div id="collapse-additional-info" class="accordion-body collapse">
								<div class="sidebar-extra well">
									You can add more information here.
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!-- /Sidebar -->
			
				<!-- Content -->
				<div class="span9">
					<h1 class="page-title">News overview</h1>
					<div class="alert alert-warning">
						<button type="button" class="close" data-dismiss="alert">&times;</button>
						This is a sample <strong>alert message</strong>. You can close it at any time.
					</div>
					<div class="widget">
						<div class="widget-header">
							<h3><i class="icon-bullhorn"></i>&nbsp;&nbsp;News updates - Left position</h3>
						</div>
						<div class="widget-content">
							<ul class="news-item">
								<li>
									<div class="news-date">
										<span>24</span>
										<span>Mar</span>
									</div>
									<a href="#">Link to first article</a>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sodales, mauris sit amet hendrerit convallis, velit tellus gravida erat, eu tempus metus dolor vel felis. Aliquam erat volutpat. Sed luctus, felis quis sagittis ultrices, quam tellus aliquam velit, vitae feugiat tellus sapien non dui. </p>
								</li>
								<li>
									<div class="news-date">
										<span>15</span>
										<span>Mar</span>
									</div>
									<a href="#">Link to second article</a>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sodales, mauris sit amet hendrerit convallis, velit tellus gravida erat, eu tempus metus dolor vel felis. Aliquam erat volutpat. Sed luctus, felis quis sagittis ultrices, quam tellus aliquam velit, vitae feugiat tellus sapien non dui. </p>
								</li>
								<li>
									 <div class="news-date">
										 <span>31</span>
										 <span>Dec</span>
									 </div>
									 <a href="#">Link to third article</a>
									 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sodales, mauris sit amet hendrerit convallis, velit tellus gravida erat, eu tempus metus dolor vel felis. Aliquam erat volutpat. Sed luctus, felis quis sagittis ultrices, quam tellus aliquam velit, vitae feugiat tellus sapien non dui. </p>
								</li>
							</ul>
						</div>
					</div>
					
					<div class="widget">
						<div class="widget-header">
							<h3><i class="icon-bullhorn"></i>&nbsp;&nbsp;News updates - Right position</h3>
						</div>
						<div class="widget-content">
							<ul class="news-item">
								<li>
									<div class="news-date-alt">
										<span>19</span>
										<span>Jan</span>
									</div>
									<a href="#">Link to first article</a>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sodales, mauris sit amet hendrerit convallis, velit tellus gravida erat, eu tempus metus dolor vel felis. Aliquam erat volutpat. Sed luctus, felis quis sagittis ultrices, quam tellus aliquam velit, vitae feugiat tellus sapien non dui. </p>
								</li>
								<li>
									 <div class="news-date-alt">
										 <span>15</span>
										 <span>Mar</span>
									 </div>
									 <a href="#">Link to second article</a>
									 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sodales, mauris sit amet hendrerit convallis, velit tellus gravida erat, eu tempus metus dolor vel felis. Aliquam erat volutpat. Sed luctus, felis quis sagittis ultrices, quam tellus aliquam velit, vitae feugiat tellus sapien non dui. </p>
								</li>
								<li>
									 <div class="news-date-alt">
										 <span>31</span>
										 <span>Dec</span>
									 </div>
									 <a href="#">Link to third article</a>
									 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sodales, mauris sit amet hendrerit convallis, velit tellus gravida erat, eu tempus metus dolor vel felis. Aliquam erat volutpat. Sed luctus, felis quis sagittis ultrices, quam tellus aliquam velit, vitae feugiat tellus sapien non dui. </p>
								</li>
							</ul>
						</div>
					</div>
					
				</div>
				<!-- /Content -->
			</div>
			
			<!-- Footer -->
			<div id="footer">
				<hr>
				<p class="pull-right">Company name &copy; 2012</p>
			</div>
			<!-- /Footer -->

		</div>
		<!-- /Container -->
	</div>
	<!-- /Main content -->

	<!-- Javascript files -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script src="js/bootstrap.js"></script>
	
</body>

<!-- Mirrored from wbpreview.com/previews/WB01BG165/news.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 22 Jan 2014 17:28:40 GMT -->
</html>
